<template>
  <div class="personalCenter">
    <el-header height="200px">
      <div class="title">
        <h3><i class="el-icon-user"> 个人信息</i></h3>
      </div>
      <PersonInfo ref="personInfo"></PersonInfo>
      <div class="title">
        <h3><i class="el-icon-alarm-clock"> 历史预约</i></h3>
      </div>
      <ProcessHistory></ProcessHistory>
    </el-header>
  </div>
</template>

<script>
import PersonInfo from '../common/center/PersonInfo'
import ProcessHistory from '../common/center/ProcessHistory'

export default {
  components: {PersonInfo, ProcessHistory},
  name: 'TeacherCenter'
}
</script>

<style scoped>
.el-main {
  margin: 0;
  padding: 0 30px 0 0;
}

.el-header {
  margin: 30px 10px;
}

.title {
  text-align: left;
  text-indent: 1em;
  color: #9495c5;
}

</style>
